<template>
  <div>
    <p class="periods">{{Jndinfo.expect}}</p>
    <ul class="flex flex-align-center luckNum-ul">
      <li class="luckNum-li my_text_center jianada-li" v-for="(opencode, index) in Jndinfo.open_code" :key='index'>{{opencode}}</li>
      <!-- <li class="luckNum-li my_text_center jianada-li">2</li>
      <li class="luckNum-li my_text_center jianada-li">2</li>
      <li class="luckNum-li my_text_center jianada-li">2</li>
      <li class="luckNum-li my_text_center jianada-li">2</li> -->
    </ul>
    <div class="countdown-box flex">
      <img src="../../assets/img/layout-top-tabs/voice-icon.png" alt="" class="voice-icon" v-show="isVoiceOpen">
      <span class="next-periods">{{Jndinfo.short_expect}}期</span>
      <count-down :openTime="Jndinfo.next_open_time"></count-down>
    </div>
  </div>
</template>

<script>
import CountDown from "./CountDown";

export default {
  data() {
    return {
      isVoiceOpen: true
    };
  },
   props:{
    Jndinfo: {}
  },
  components: {
    CountDown
  }
};
</script>
<style lang='less' scoped>
@import url(../../assets/css/lotteryTemplateLeft/lotteryTemplate.less);
</style>
